

h2 { padding: 5px; margin: 5px; border-bottom: 2px solid #bbb; line-height: 7px; font-size: 14px; margin-top: 20px; margin-bottom: 0px; color: #333; }
.playground { background: #fff; margin-left: 5px; margin-right: 5px; position: relative; padding: 10px; }
.example { width: 200px; height: 100px; background: #fff; position: relative; }

/* Defining HTML tag format */
body {
	font-family: arial, Helvetica;
	font-size:12px;
	margin: 0px auto;
	background: #F4F4F4;
	text-align: left;
	overflow: hidden;
}
fieldset
{
	text-align: left;
}

fieldset p 
{ 
	margin: 0px 0px;
}

legend 
{ 
	color: #0022AA; 
	font-size: 12px;
}

th
{
	text-align: left;
	font-face: arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

select 
{ 
	/*position:absolute;
	  z-index: -1;*/
}

/* Defining SH webiste format */


/* Main Table format */
.sh_maindiv
{
	border-color: #CCCCCC;
	border-collapse:collapse;
	border: 0px;
	max-width:980px;
	width:expression(document.body.clientWidth > 800 ? "980px": "778px" );
	min-width: 778px;
	align: center;
}

.sh_header{
}


.sh_top
{
	text-align: right;
	padding: 0px 5px 0px 0px;
	height: 24px;
}

/* Top welcome text formatting*/
.sh_greeting_top
{
	font-face: arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}

/* Menu bar formatting */
#sh_menu_main
{
	height:24px;
	margin:0px;
	padding:0px;
	position:relative;
}

#sh_menu_left
{
	padding:0px;
	margin:0;
}

#sh_menu_right
{
	float: right;
	background: #57c7fd;
	height: 24px;
	padding: 0px 5px 0px 0px;
	margin-right: 0px;
}

/* Top logout buttong formatting*/
.sh_logout_top
{
	height: 22px; 
	width: 52px;
	background: url('../images/new/btn_logout.gif') no-repeat;
	font-face: arial, Helvetica;
	font-weight: bold;
	text-align: center;
	color:#000000;
	border: 0px;
	padding: 0px;
}

/* Front Page Module Title Formatting */
.sh_module_title
{
	font-face: arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	color: #333333;
	background: url('../images/new/bg_title.jpg') no-repeat;
	height:25px; padding-left:10px; padding-right:0px; padding-top:0px; padding-bottom:0px;
}

/* Front Page - Left Side Module Content Area Formatting*/
.sh_module_content_left
{
	font-face: arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #333333;
	background: url('../images/new/bg_mesage_left.jpg') no-repeat;
	background-position: bottom;
	padding-left:10px; padding-right:0px; padding-top:5px; padding-bottom:0px;		
}

/* Front Page - Right Side Module Content Area Formatting */
.sh_module_content_right
{
	font-face: arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	color: #333333;
	background: url('../images/new/bg_mesage_right.jpg') no-repeat;
	background-position: bottom;	
	padding-left:10px; padding-right:0px; padding-top:5px; padding-bottom:0px;	
}

/* Front Page - footer note formatting */
.sh_footer
{
	font-face: arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #7D7D7D;
}

/* Front Page - footer note LINK formatting */
.sh_footer a:link
{
	color: #E89804;
}


/* Every Page - Pathway Format, E.g. PPU - Student Databank  > P1 / Late Admission Processing  > Monitoring P1 Progress Report */
.sh_pathway
{
	font-face: arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	vertical-align: middle;
	padding-left: 10px;
}

/* Every Page - Application Title Formatting */
.sh_app_title
{
	font-face: arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	padding-left: 10px;
	vertical-align: middle;
	height : 25px;
	line-height : 25px;
	background: #5FCAFE;
	width: 98%; 	
}

/* Every Page - Main content Formatting */
.sh_main_content
{
	font-face: arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	background: #F6F6F6;
	width: 98%; 
	height: expression(document.body.clientWidth > 800? "400px": "240px" );
	overflow: auto;
	padding: 0px;
	/*z-index: -1;*/
}

/* Every Page - Label of application */
.label
{
	font-face: arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
}

/* Every Page - Required field font formatting */
.sh_app_required
{
	color: #FF0000;
}

/* Every Page - Input box (text, checked, radio) formatting */
.sh_app_inputbox
{
	font-face: arial, Helvetica;
	font-size: 12px;
	color: #000000;
	padding: 2px;
	border:solid 1px #7F9DB9;
	background-color: #ffffff;
	text-transform: uppercase
}
/* Every Page - Input box formatting without uppercase transform */
.sh_app_inputbox_normal
{
	font-face: arial, Helvetica;
	font-size: 12px;
	color: #000000;
	padding: 2px;
	border:solid 1px #7F9DB9;
	background-color: #ffffff;
}

/* Every Page - Form button (Submit, Reset, Back) formatting */
.button
{
	font-face: arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color : #FFFFFF;
	border-color: #155CA3;
	border: 1px solid;
	background: #029BE3;
	height : 24px;
}

/* Every Page - Application Error message formatting */
.sh_app_fail
{
	font-size: 14px;
	color: #FF0000;
}

/* Every Page - Application Successful message formatting */
.sh_app_success
{
	padding: 3px;
	font-size: 14px;
	color: #008000;
}

/* Every Page - Listing Table Formatting */
table.sh_displaytable
{
	border: 1px solid #cccccc;
	padding: 3px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.sh_displaytable th
{
	text-align: left;
	border: 1px solid #cccccc;	
}
table.sh_displaytable td
{
	font-size: 12px;
	border: 1px solid #cccccc;
	padding: 2px;
}

/* Every Page - Listing Table ODD row background color */
table.sh_displaytable .sh_displaytable_odd
{
	background: #ffffff;
}

table.odd tr {background-color:expression((this.sectionRowIndex%2==0)?"#ffffff":"#F4F4F4")}

/* Every Page - Listing Table EVEN row background color */
table.sh_displaytable .sh_displaytable_even
{
	background: #F4F4F4;
}

/* Every Page - FORM Table Formatting */
table.sh_formtable
{
	border: 0px solid #ffffff;
	border-spacing: 10px;
	border-collapse: collapse; 	
	padding: 3px;
	width: 100%;
}
table.sh_formtable th
{
	text-align: left;
}
table.sh_formtable td
{
	font-size: 12px;
 	padding: 2px;
}

/* Every Page - Listing Table ODD row background color */
table.sh_formtable .sh_formtable_odd
{
	background: #ffffff;
}

/* Every Page - Listing Table EVEN row background color */
table.sh_formtable .sh_formtable_even
{
	background: #F4F4F4;
}

/* add by zhoufeng for property errors */
.errorMessage {font-size: 12px; text-align: center; color:#FF0000; }

.redfont {
	color: #FF0000;
	font-size: 12px;
}

.madatory_field {
	font-size: 12px;
}

.wildcard_search {
	font-size: 10px;
}

.sh_pager {
	font-face: arial, Helvetica;
	font-size: 12px;
}

.sortable {
	text-align: left;
}

.sh_maindiv_popup
{
	border-color: #CCCCCC;
	border-collapse:collapse;
	border: 1px solid;;
	width: 100%;
	align: center;
}

.text
{
	font-face: arial, Helvetica;
	font-size: 12px;
	 
}
.textCenter
{
	text-align:center;
	font-size: 12px;
	 
}
.textnoborder
{
  BORDER-RIGHT: medium none; 
  BORDER-BOTTOM: medium none;
  BORDER-TOP: medium none; 
  BORDER-LEFT: medium none;
  width:100%;
}